/* CSS Document */
*{margin:0;padding:0;font-family:'Microsoft YaHei';}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0px; padding:0px; box-sizing:border-box; }
fieldset, img { border:none; }
img{border:none;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none;  }
li{ list-style:none;}
table { border-collapse:collapse; }
input { padding-top:0px; padding-bottom:0px; font-family: 'Microsoft YaHei'; box-sizing:border-box;}
input::-moz-focus-inner { border:none; padding:0px; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:13px; margin:0px; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
body { font-family:"Microsoft YaHei"; background:#fff; }
.clearfix:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
.clearit {clear:both; height:0px; font-size:0px; overflow:hidden; width:100%; }
.max{ width:100%;}
.box{ max-width:1200px; margin:0 auto;}
.box:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
ul:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.max:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.left{ float:left;}
.right{ float:right;}
a{-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; text-decoration:none; }

@media(max-width:1200px){.box{ max-width:90%; width:90%; margin:0 auto;}}
 
 
.header{ height:60px; background:#fff; position:fixed; left:0; z-index:9999; top:0; width:100%; padding:15px 0; box-shadow:0px 5px 5px rgba(0,0,0,.2);}
.header .logo{ display:block; position:absolute; left:25px; top:0px;width: 140px;}
.header .logo img{ display:block;width: 100%;}
.header .tel{ font-size:26px; color:#333; font-family:Impact; background:url(../images/tel.png) no-repeat left center; padding-left:30px; position:absolute; right:25px; top:15px; height:50px; line-height:50px;}
.header .nav { text-align: right; width: calc(100% - 210px); float: right;margin-right: 210px;padding-top: 15px;}
.header .nav ul li{ display:block; float:left; height:50px; line-height:50px; font-size:16px;width:14%; text-align:center; }
.header .nav ul{ text-align:right; width:72%; float:right;}
.header .nav ul li a{ display:block; color:#000;}
.header .nav ul li:hover a{ color:#00aae5;}
.menu{ display:none;}

 

.banner{width:100%; margin-top:80px;}
.banner .swiper-container{width:100%; }
.banner .swiper-container .swiper-wrapper{width:100%; }
.banner .swiper-container .swiper-wrapper img{ display:block; width:100%;}
.banner .swiper-container .swiper-wrapper a{display: block;width:100%;background-repeat: no-repeat;background-position: center;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;background:#f87b0c;opacity: 0.5;filter:alpha(opacity=40);border-radius: 0;cursor: pointer; border-radius:50%;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;filter: alpha(opacity=100);}

.banner .swiper-container .swiper-button-prev{background-image: url(../images/banner-arrow.png);background-repeat: no-repeat;background-size: auto;width:25px;height:100px; background-position: left center;background-size: 50px 48px;top:40%;left:20px;}
.banner .swiper-container .swiper-button-next{background-image: url(../images/banner-arrow.png);background-repeat: no-repeat;background-size: auto;width:25px;height:100px; background-position: right center;background-size: 50px 48px;top:40%;right:20px;}
.banner .swiper-container .swiper-pagination {bottom:15px;}
.banner_wap{ display:none;} 
  
 
 
.index_pro{ background:url(../images/bg.jpg) no-repeat no-repeat top center; padding-top:40px; padding-bottom:30px;}
.index_pro ul.pro-list li{ display:block; float:left; width:22%; margin-right:2%; margin-bottom:15px; position:relative; overflow:hidden;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; border:1px solid #eee; box-sizing:border-box;}
.index_pro ul.pro-list li img{ display:block; width:100%;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;} 
.index_pro ul.pro-list li:nth-of-type(4n+4){ margin-right:0;}
.index_pro ul.pro-list li p{ position:absolute; height:40px; line-height:40px; background:rgb(73, 145, 219,0.9); color:#fff; text-align:center; font-size:15px; left:0; bottom:0px; width:100%;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
 
.index_pro ul.pro-list li:hover{   -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);box-shadow: 0 15px 30px rgba(0,0,0,0.2); }
.index_pro ul.pro-list li:hover img{-webkit-transform: scale(1.12); transform: scale(1.12);}

.case{ background:url(../images/case_bg.jpg) no-repeat center; background-size:cover;}

.lmt{ padding-top:40px; margin-bottom:25px;}
.lmt strong{ display:block; text-align:center; font-weight:normal; font-size:40px;}
.lmt p{ font-size:16px; color:#8b9498; text-align:center; margin-top:15px;}

.case{ padding-bottom:45px;}
.case .item{ background:#fff; width:94%; margin:0 auto;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.case .item:hover{ -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2); }
.case .item img{ display:block; width:100%;}
.case .item .case_txt{ padding:18px 15px; text-align:center; box-sizing:border-box;}
.case .item .case_txt strong{ display:block; font-size:18px; color:#000000;}
.case .item .case_txt p{ font-size:15px; color:#545454; margin-top:8px;}
.case #owl-demo1 .owl-prev{ width:53px; height:53px; background:url(../images/prev.png) no-repeat center; position:absolute; left:-55px; top:40%;}
.case #owl-demo1 .owl-next{ width:53px; height:53px; background:url(../images/next.png) no-repeat center;  position:absolute;right:-55px; top:40%;}
.case #owl-demo1{ position:relative;}
.case .owl-carousel .owl-wrapper-outer{ padding-bottom:15px;}

a.more{ display:block; margin:0 auto; width:230px; height:65px; line-height:65px; background:#4991db; border-radius:30px; color:#fff; font-size:16px; position:relative; margin-top:20px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; }
a.more span{ display:block; padding-left:25%;}
a.more i{ display:block; width:10px; height:16px; background:url(../images/more.png) no-repeat center; position:absolute; right:30%; top:0; bottom:0; margin:auto;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; }
a.more:hover i{ right:15%;}
a.more:hover{ box-shadow:0px 0px 25px rgba(0,170,229,.8);}

.youshi{ padding-bottom:40px;}
.youshi img{ display:block; max-width:100%; margin:0 auto;}



.about{ background:url(../images/about_bg.jpg) no-repeat center; padding:140px 0; background-size:cover;}
.about strong{ display:block; color:#333; font-weight:normal; font-size:40px;text-align: center;}
.about b{ display:block; font-size:24px; color:#555; margin:20px 0;}
.about p{/* max-width:600px; */ font-size:15px; color:#333; line-height:33px;}
.about a.more{/* background:none; */ /* border:3px solid #fff; *//* margin-left:0; */background: #4991db; height:59px; line-height:59px; margin-top:50px;}
.about a.more:hover{ background:#00aae5;}



.kehu{ background:url(../images/kehu_bg.jpg) no-repeat center; background-size:cover; padding-bottom:50px;}
.kehu .left{ width:50%; position:relative; overflow:hidden;}
.kehu .left p{ position:absolute; width:100%; height:50px; line-height:50px; left:0; bottom:-50px; color:#fff; background:rgba(0,170,229,.8); box-sizing:border-box; padding-left:15px; font-size:15px; font-weight:bold;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; }
.kehu .left:hover p{ bottom:0;}
.kehu .left img{ display:block; width:100%;}
.kehu .right{ width:50%;}
.kehu .right ul li{ display:block; float:left; width:50%; position:relative; box-sizing:border-box; border-bottom:2px solid #fff; border-left:2px solid #fff; overflow:hidden;}
.kehu .right ul li p{ position:absolute; width:100%; height:50px; line-height:50px; left:0; bottom:-50px; color:#fff; background:rgba(0,170,229,.8); box-sizing:border-box; padding-left:15px; font-size:15px; font-weight:bold;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.kehu .right ul li img{ display:block; width:100%;}
.kehu .right ul li:hover p{ bottom:0;}


.fenye .pageactive{display: inline-block;
    padding: 0 13px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    margin: 2px;
    background: #00aae5;
    border-radius: 5px;}

.news{ padding:40px 0;}
.news .xinwen{ width:48%; }
.news .xinwen .tj{ padding-bottom:20px; border-bottom:1px solid #e5e5e5; margin-bottom:10px;}
.news .xinwen .tj img{ display:block; float:left; width:157px; height:115px; margin-right:10px;}
.news .xinwen .tj a.tit{ font-size:16px; color:#000000; line-height:30px; display:block; height:30px; overflow:hidden; padding-top:5px;}
.news .xinwen .tj p{ font-size:14px; color:#8d8d8d; line-height:24px; height:48px; overflow:hidden; margin-top:5px;}
.news .xinwen .tj a.more1{ display:block; font-size:14px; color:#00aae4; margin-top:5px;}
.news .xinwen .tj:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.news .xinwen .tj a.tit:hover{ color:#00aae4}
.news .xinwen ul li{ height:37px; line-height:37px; overflow:hidden;}
.news .xinwen ul li span{ float:right; font-size:14px; color:#b4b4b4; margin-left:15px;}
.news .xinwen ul li a{ font-size:14px; color:#000;}
.news .xinwen ul li a font{ color:#cacaca;padding-right: 5px;}
.news .xinwen ul li a:hover{ color:#00aae4}
.news .lmt1 { width:100%;  margin-bottom:20px; border:1px solid #ecebeb; height:50px; line-height:50px;}
.news .lmt1 a{ display:block; float:right;font-size:14px; color:#a1a1a1; margin-right:15px; }
.news .lmt1 a:hover{color:#00aae4;}
.news .lmt1 p{ display:inline-block; font-size:22px; padding-left:12px; color:#000000; line-height:50px; padding-bottom:5px; position:relative; margin-left:15px}
.news .lmt1 p:after{ content:""; width:5px; height:20px; background:#2c7ed2; position:absolute; margin:0 auto; left:0;top:15px;}
.news .lmt1 span{ display:inline-block; font-size:12px; color:rgba(0,0,0,.2); margin-left:8px;}



.footer-nav{ background:#2c7ed2;} 
.footer-nav ul li{ display:block; float:left; width:12%; text-align:center; height:65px; line-height:65px; font-size:16px; position:relative;}
.footer-nav ul li a{ display:block; color:#fff;}
.footer-nav ul li:after{ content:"|"; width:1px; height:65px;  position:absolute; left:0; top:0; color:#66c4e4;}
.footer-nav ul li.last:before{ content:"|"; width:1px; height:65px;  position:absolute; right:0; top:0; color:#66c4e4;}


.footer{ background:#ffffff; padding-top:40px; padding-bottom:45px;}
.footer .left{ width:25%; /*padding-top:30px;*/}
.footer .left img{ display:block; margin:0 auto;width: 50%;}
.footer .left strong{ display:block; text-align:center; font-size:16px; color:#333; font-weight:normal; margin-bottom:10px; margin-top:15px;}
.footer .left p{ text-align:center; font-size:36px; color:#c90202; font-family:Impact;}


.footer .copyright{ width:40%; float:left; margin-left:3%; border-left:1px solid #979797; padding-left:3%; box-sizing:border-box; border-right:1px solid #979797; padding-top:15px; padding-bottom:10px;}
.footer .copyright strong{ display:block; font-size:16px; color:#333; margin-bottom:15px;}
.footer .copyright p{ font-size:14px; color:#333; line-height:30px;}

.footer .right{ width:28%;}
.footer .right ul li{ display:block; float:left; width:90%; margin-right:10%;}
.footer .right ul li img{ display:block;width: 65%;
    margin: 0 auto;}
.footer .right ul li p{ font-size:14px; color:#333; text-align:center;/* margin-top:15px; */}

.bottom{ display:none;}

.nydh{ margin-bottom:25px;}
.nydh ul li{ display:block; float:left; height:48px; line-height:48px; border:1px solid #d1d1d1; border-radius:5%; text-align:center; font-size:15px; color:#3c3c3c; width:19.1%; margin-right:1%; box-sizing:border-box;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.nydh ul li a{ display:block;color:#3c3c3c;}
.nydh ul li:last-child{ margin-right:0;}
.nydh ul li:hover,.nydh ul li.on{ background:#4991db; color:#fff; border:1px solid #4991db;}
.nydh ul li:hover a,.nydh ul li.on a{ color:#fff;}


.fenye{ width:100%; margin:0 auto; border-top:1px solid #eee;  padding-top:25px; margin-top:15px;  padding-bottom:20px;  text-align:center; }
.fenye a{ display:inline-block;padding:0 13px;text-align:center; line-height:35px;  font-size:14px; color:#333; margin:2px; border-radius:5px; background:#eee;}
.fenye b,.fenye a:hover{ display:inline-block;padding:0 13px;text-align:center; line-height:35px;  font-size:14px; color:#fff; margin:2px; background:#00aae5; border-radius:5px;}



.news-list li{ background:#fff; padding:15px; box-sizing:border-box; margin-bottom:15px; border:1px solid #eee;}
.news-list li:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.news-list li img{ display:block; float:left; width:166px; height:124px; margin-right:15px;}
.news-list li .news_tit{ height:30px; line-height:30px; overflow:hidden;}
.news-list li .news_tit span{ float:right; font-size:14px; color:#b0b0b0; margin-left:15px;}
.news-list li .news_tit strong{ font-size:16px; color:#303030;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.news-list li p{ font-size:14px; color:#939393; line-height:22px; margin-top:5px; height:44px; overflow:hidden;}
.news-list li i{ font-style:normal; font-size:14px; color:#0072c0; margin-top:15px; display:block;}
.news-list li .news_tit strong:hover{ color:#0072c0}

.news_nydh ul li{ display:inline-block; float:none;}
.news_nydh ul{ text-align:center;}



.case_list .item{ background:#fff; width:32%; float:left; margin-bottom:20px; margin-right:2%;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; border:1px solid #eee; box-sizing:border-box;}
.case_list .item:hover{ -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);box-shadow: 0 5px 10px rgba(0,0,0,0.2); }
.case_list .item:nth-of-type(3n+3){ margin-right:0}
.case_list .item img{ display:block; width:100%;}
.case_list .item .case_txt{ padding:18px 15px; text-align:center; box-sizing:border-box;}
.case_list .item .case_txt strong{ display:block; font-size:18px; color:#000000;}
.case_list .item .case_txt p{ font-size:15px; color:#545454; margin-top:8px; height:24px; line-height:24px; overflow:hidden;}

.fuwu li{ display:block; float:left; width:49%; margin-right:2%; margin-bottom:15px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; cursor:pointer;}
.fuwu li:nth-of-type(even){ margin-right:0}
.fuwu li img{ display:block; width:100%;}
.fuwu li .text{ background:#fff; border:1px solid #eee; border-top:none; padding:15px; box-sizing:border-box;}
.fuwu li .text strong{ display:block; font-size:20px; margin-bottom:10px;}
.fuwu li .text p{ font-size:15px; color:#797979; line-height:36px;}
.fuwu li:hover{ box-shadow:0px 5px 15px rgba(0,0,0,.2);}


.newsnav{ height:58px; line-height:58px; border-bottom:1px solid #dedede;}
.newsnav p{ float:right; font-size:14px; color:#818181;}
.newsnav p a{color:#818181;}
.newsnav strong{ font-size:18px; color:#272727;}



.xiangqing .biaoti{ width:100%; margin:0 auto; text-align:center; margin-top:25px; border-bottom:1px solid #e8e8e8; padding-bottom:15px; margin-bottom:15px;}
.xiangqing .biaoti h1{ font-size:24px; color:#000; font-weight:normal;}
.xiangqing .biaoti p{ font-size:14px; color:#ccc; margin-top:15px;}

.xiangqing .fn{ width:100%; margin:0 auto; margin-top:30px; border-top:1px solid #e8e8e8; padding-top:10px; padding-bottom:30px;}
.xiangqing .fn p{ font-size:14px; line-height:30px; color:#565656}
.xiangqing .fn p a{ color:#565656}
.xiangqing .fn p a:hover{ color:#00aae5;}

.danye{ font-size:15px; color:#555555; line-height:28px; text-align:justify;}
.danye img{ display:block; max-width:100%; height:auto !important;margin:0 auto; margin-bottom:10px;}
.danye p{ margin-bottom:15px;}

.title{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #e8e8e8; position:relative; padding-left:15px; box-sizing:border-box; margin-bottom:15px; }
.title strong{ display:block; font-size:18px; color:#272727;}
.title:after{ content:""; width:7px; height:20px; position:absolute; left:0; top:11px; background:#00aae5; border-radius:3px;}

.xgwz { padding-bottom:30px;}
.xgwz ul li{ display:block; float:left; width:48%; margin-right:4%; height:40px; line-height:40px; padding-left:15px; box-sizing:border-box; background:url(../images/li.jpg) no-repeat left center; overflow:hidden;}
.xgwz ul li:nth-of-type(even){ margin-right:0;}
.xgwz ul li span{ float:right; font-size:14px; color:#b0b0b0; margin-left:15px;}
.xgwz ul li a{ font-size:15px; color:#555;}
.xgwz ul li a:hover{ color:#00aae5;}


#map{ width:100%; height:400px;}


.links{ background:#edf9fd; padding:15px 0;}
.links strong{ display:block; font-size:17px; color:#00aae4; position:relative; padding-left:10px;margin-bottom:10px;}
.links strong:after{ content:""; width:5px; height:15px; background:#00aae4; position:absolute; border-radius:2px; left:0; top:4px; }
.links a{ display:inline-block; font-size:14px; color:#494949; line-height:30px; margin-right:10px;}
.links a:hover{color:#00aae4; }

.foucebox {position:relative;width:977px; margin:0 auto;margin-top:20px; margin-bottom:30px;}
.foucebox .bd { position:relative; float:left; width:769px;height:625px;overflow:hidden;}
.foucebox .bd img { width:625px;height:625px;}
.foucebox .hd {position:relative; width:198px; float:right; padding-right:4px; z-index:1; }
.foucebox .hd ul { position:relative; width:198px; overflow:hidden;   }
.foucebox .hd li { width:198px;height:152px; margin-bottom:5px; cursor:pointer; position:relative;}
.foucebox .hd li i{width:198px;height:152px; display:block; position:absolute; left:0; top:0; background:rgba(0,170,229,.5); z-index:99; opacity:0;}
.foucebox .hd li.on i{ opacity:1;}
.foucebox .hd img {width:198px;height:152px; display:block;  }
.pro_xq_sj{ display:none;}





 @media(max-width:1000px){
	 

.menu{ display:block; width:40px; height:40px; background:url(../images/menu.png) no-repeat center #FFF; background-size:90%; position:absolute; right:15px; top:15px;border-radius:5px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}	 
.header .tel{ background:none; font-family:"Microsoft YaHei"; color:#fff; height:40px; line-height:40px; padding:0 10px; background:#00aae5; right:70px; font-size:16px; border-radius:5px;}
.header img{ display:block; }
.header{ padding:10px 0; height:65px;}
.header .logo{ left:-25px;}

.header .nav{ position:absolute; background:#fff; z-index:99; width:100%; display:none; top:67px; width:100%; margin:0; box-shadow:0px 5px 5px rgba(0,0,0,.2);}
.header .nav ul li{ display:block; float:left; width:33.33%; height:50px; line-height:50px;}
.header .nav ul{ width:100%;}
.close{ background:url(../images/close.png) no-repeat center #ee6d05; background-size:80%;}
 	 }
 
 @media(max-width:770px){
.banner_wap{ display:block;} 
.banner_list{ display:none;} 

.danye  iframe{width:100% !important;height:390px  !important}
.index_pro ul.pro-list li{ width:49%; margin-right:2%;}
.index_pro ul.pro-list li:nth-of-type(3n+3){ margin-right:2%;}
.index_pro ul.pro-list li:nth-of-type(even){ margin-right:0;}

.index_pro ul.pro-list li p{ bottom:0; height:30px; line-height:30px; font-size:14px;}

.case #owl-demo1{ width:92%; margin:0 auto;}
.case #owl-demo1 .owl-prev{ width:43px; height:43px; background:url(../images/prev.png) no-repeat center; position:absolute; left:-45px; top:48%; background-size:100%;}
.case #owl-demo1 .owl-next{ width:43px; height:43px; background:url(../images/next.png) no-repeat center;  position:absolute;right:-45px; top:48%; background-size:100%;}

.lmt{ padding-top:30px; margin-bottom:15px;}
.lmt strong{ display:block; text-align:center; font-weight:normal; font-size:30px;}
.lmt p{ font-size:14px; color:#8b9498; text-align:center; margin-top:15px;}

a.more{ width:200px; height:55px; line-height:55px; font-size:16px;}


.about{ background:url(../images/about_bg.jpg) no-repeat center; padding:80px 0;}

.kehu .left{ width:100%; float:none;}
.kehu .right{ width:100%; float:none;}
.kehu .right ul li{ border-top:2px solid #fff; border-bottom:none;}
.kehu .left p{ bottom:0;}
.kehu .right ul li p{ bottom:0;}
	
	
.news .xinwen{ width:100%; margin-bottom:30px;}
.news .xinwen .tj img{width:127px; height:95px; }
.news .xinwen .tj p{ font-size:14px; color:#545454; line-height:24px; height:24px; overflow:hidden;}
.news .lmt1 p span{ display:none}
.news .lmt1 p{ font-size:18px;}
.news .xinwen ul li{ height:30px; line-height:30px;}

.news .lmt1 { width:100%;  margin-bottom:20px; border:1px solid #ecebeb; height:40px; line-height:40px;}
.news .lmt1 p{ display:inline-block; font-size:18px; padding-left:12px; color:#000000; line-height:40px; padding-bottom:5px; position:relative; margin-left:15px}
.news .lmt1 p:after{ content:""; width:5px; height:18px; background:#00aae4; position:absolute; margin:0 auto; left:0;top:10px;}	
	.footer-nav{ display:none;}
	.footer-nav{ display:none;}
.footer .left{ width:100%; float:none; padding-top:30px; padding-top:0;}
.footer .left strong{ font-size:14px;}
.footer .copyright{ width:100%; float:none; border:none;border-top:1px solid #dadada; margin-top:20px; margin-left:0;}
.footer .right{ width:100%; float:none;    padding-left: 3%; margin-top:0px;}
.footer .right ul li{ width:90%;}
.footer .copyright p{ line-height:24px;}
.footer .left p{ font-size:26px;}
.footer .left img{ width:200px;}
.footer { padding-bottom:70px;}

.bottom{ display:block;width:100%; height:60px; background:#f8f8f8; margin:0 auto; position:fixed; bottom:0; left:0;    z-index: 9999;}
.bottom ul{ max-width:640px; height:60px; margin:0 auto;padding: 0;}
.bottom ul li{ width:25%; height:60px; display:block; float:left; text-align:center;}
.bottom ul li a{ color:#363636; font-size:12px;display:block;}
.bottom ul li.ft1 i{ display:block; width:100%; height:32px; background:url(../images/ft1.png) no-repeat  center; margin-top:5px; background-size:27px;}
.bottom ul li.ft2 i{ display:block; width:100%; height:32px; background:url(../images/ft2.png) no-repeat  center; margin-top:5px;background-size:23px;}
.bottom ul li.ft3 i{ display:block; width:100%; height:32px; background:url(../images/ft3.png) no-repeat  center; margin-top:5px;background-size:26px;}
.bottom ul li.ft4 i{ display:block; width:100%; height:32px; background:url(../images/ft4.png) no-repeat  center; margin-top:5px;background-size:21px;}

.fenye{ width:100%; margin:0 auto; border-top:1px solid #eee;  padding-top:25px; margin-top:15px;  padding-bottom:30px;  text-align:center; }
.fenye a{ display:inline-block;padding:0 10px;text-align:center; line-height:30px;  font-size:14px; color:#333; margin:2px; border-radius:5px; background:#fff;}
.fenye b,.fenye a:hover{ display:inline-block;padding:0 10px;text-align:center; line-height:30px;  font-size:14px; color:#fff; margin:2px; background:#00aae5; border-radius:5px;}

.nydh{ margin-bottom:15px;}
.nydh ul li{ width:24%; margin-bottom:10px; height:40px; line-height:40px;margin-right: 1.3%; font-size:14px;}
.nydh ul li:nth-of-type(4n+4){ margin-right:0;}
.case_list .item{ width:49%; margin-right:2%;}
.case_list .item:nth-of-type(3n+3){ margin-right:2%}
.case_list .item:nth-of-type(even){ margin-right:0%}


.fuwu li{ display:block; float:left; width:100%; margin-right:0%; margin-bottom:15px;}
.fuwu li:nth-of-type(even){ margin-right:0}


#map{ width:100%; height:300px;}

.foucebox{ display:none;}
.pro_xq_sj{ margin-top:15px; display:block;}
.pro_xq_sj .swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
.pro_xq_sj .swiper-slide img{ display:block; width:100%;}
.pro_xq_sj .swiper-slide {background-size: cover;background-position: center;}
.pro_xq_sj .gallery-top {width: 100%;}
.pro_xq_sj .gallery-thumbs {box-sizing: border-box;padding: 10px 0;}
.pro_xq_sj .gallery-thumbs .swiper-slide {opacity: 0.4;}
.pro_xq_sj .gallery-thumbs .swiper-slide-active {opacity: 1;}

	 }
 
 
 
@media(max-width:640px){
.danye  iframe{width:100% !important;height:200px  !important}
.case #owl-demo1{ width:85%; margin:0 auto;}
.case #owl-demo1 .owl-prev{ width:30px; height:43px; background:url(../images/prev.png) no-repeat center; position:absolute; left:-28px; top:48%; background-size:100%;}
.case #owl-demo1 .owl-next{ width:30px; height:43px; background:url(../images/next.png) no-repeat center;  position:absolute;right:-28px; top:48%; background-size:100%;}

.menu{ right:10px;}
.header .tel{ right:60px;}
.newsnav p{display:none}
.index_pro ul.pro-list li{ width:100%; margin:0 auto; float:none; margin-bottom:15px;}
.index_pro ul.pro-list li:nth-of-type(3n+3){ margin-right:2%;}
.index_pro ul.pro-list li:nth-of-type(even){ margin-right:0;}

.index_pro ul.pro-list li p{ bottom:0; height:30px; line-height:30px; font-size:14px;}


.lmt{ padding-top:30px; margin-bottom:25px;}
.lmt strong{ display:block; text-align:center; font-weight:normal; font-size:22px;}
.lmt p{ font-size:14px; color:#8b9498; text-align:center; margin-top:5px;}
.case{ padding-bottom:20px;}

a.more{ width:160px; height:45px; line-height:45px; font-size:14px;}
a.more i{ width:8px; background-size:100%; }
.case .item .case_txt strong{ display:block; font-size:16px; color:#000000;}
.case .item .case_txt p{ font-size:14px; color:#545454; margin-top:8px;}


.about{ background:url(../images/about_bg.jpg) no-repeat center; padding:40px 0;}
.about strong{ display:block; color:#333; font-weight:normal; font-size:20px}
.about b{ display:block; font-size:16px; color:#555; margin:15px 0;}
.about p{ max-width:600px; font-size:14px; color:#333; line-height:24px;}
.about a.more{ background:none; border:3px solid #fff; margin-left:0; height:40px; line-height:40px; margin-top:20px;background: #4991db;}

.kehu{ padding-bottom:30px;}
.kehu .left p{ height:40px; line-height:40px; font-size:14px; font-weight:normal;}
.kehu .right ul li p{ height:40px; line-height:40px; font-size:14px; font-weight:normal;}

.news{ padding:20px 0;}
.news .lmt1 span{ display:none;}

.nydh{ margin-bottom:15px;}
.nydh ul li{ width:49%; margin-bottom:10px; height:35px; line-height:35px;margin-right: 2%; font-size:13px;}
.nydh ul li:nth-of-type(even){ margin-right:0;}

.news_nydh ul li{ display:block; float:left; width:32%; margin-right:2%;}
.news_nydh ul li:nth-of-type(3){ margin-right:0;}
.news_nydh ul li:nth-of-type(2){ margin-right:2%;}


.news-list li{ background:#fff; padding:10px; box-sizing:border-box; margin-bottom:10px; border:1px solid #eee;}
.news-list li:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.news-list li img{ display:block; float:left; width:120px; height:90px; margin-right:10px;}
.news-list li .news_tit{ height:30px; line-height:30px;}
.news-list li .news_tit span{ float:right; font-size:12px; color:#b0b0b0;}
.news-list li .news_tit strong{   font-size:14px; color:#303030;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s;}
.news-list li p{ font-size:13px; color:#939393; line-height:22px; margin-top:5px; height:22px; overflow:hidden;}
.news-list li i{ font-style:normal; font-size:12px; color:#0072c0; margin-top:10px; display:block;}
.news-list li .news_tit strong:hover{ color:#0072c0}

.case_list .item{ width:100%; margin-right:0%; float:none;}
.case_list .item:nth-of-type(3n+3){ margin-right:0%}
.case_list .item:nth-of-type(even){ margin-right:0%}
.case_list .item .case_txt strong{ display:block; font-size:16px; color:#000000;}
.case_list .item .case_txt p{ font-size:14px; color:#545454; margin-top:8px;}
.fuwu li .text{ padding:10px;}
.fuwu li .text strong{ display:block; font-size:16px; margin-bottom:10px;}
.fuwu li .text p{ font-size:13px; color:#797979; line-height:26px;}


.xiangqing .biaoti h1{ font-size:20px; color:#000; font-weight:normal;}
.xiangqing .biaoti p{ font-size:13px; color:#ccc; margin-top:15px;}

.xgwz ul li{ display:block; float:left; width:100%; margin-right:0%; height:40px; line-height:40px; padding-left:15px; box-sizing:border-box; background:url(../images/li.jpg) no-repeat left center; overflow:hidden;}
.xgwz ul li:nth-of-type(even){ margin-right:0;}


#map{ width:100%; height:200px;}

	}



@media(max-width:360px){
.header .tel{ display:none;}

}









#full-width-slider { width:100%; color: #000; margin-top:80px; }
.coloredBlock { width:350px;left:20%; top: 5%;}
.infoBlock { width:350px; position:absolute;top:72%; left:50% ; margin:0 0 0 -175px; overflow: hidden; }
.infoBlock h4 {font-size: 20px;line-height: 1.2;margin: 0; }
.infoBlock a {color: #FFF; display:inline-block; background:#13b125; font-size:16px; font-weight:normal; padding:0 30px; height:46px; line-height:46px; text-align:center; border-radius:4px; margin-right:10px; -moz-transition: all 0.3s  ease-in-out; -webkit-transition: all 0.3s  ease-in-out; transition: all 0.3s  ease-in-out;}
.infoBlock a:hover{ background:#1ea721 ; }
.fullWidth {max-width:1920px; margin: 0 auto 0 auto;}
.rsContent{ position:relative;}
.rsContent a{ display:block; width:100%; height:100%;}
.rsContent a img{  width:100%;}

.rsContent .banner-box{ position:absolute; max-width:1280px;  height:80%;
 left: 0; top: 20%; right: 0; bottom: 0; margin:0 auto;}
.rsContent .banner-box .banner-text{ width:50%; float:left; padding-top:15%; box-sizing:border-box;}
.rsContent .banner-box .banner-text p{ font-size:44px; color:#ffcf46; margin-bottom:10px;}
.rsContent .banner-box .banner-text span{ font-size:20px; color:#ffcf46;}
.rsContent .banner-box .banner-text a{ display:block; width:100px; height:30px; line-height:30px; border-radius:25px; background:#ff3c00; text-align:center; color:#fff; margin-top:15px;}
.rsContent .banner-box .banner-pic{ width:50%; float:right;}
.rsContent .banner-box img{ display:block; margin:0 auto; margin-bottom:20px; max-width:100%;}
.rsMinW .rsBullets { width:156px; position: absolute;bottom:15px;left:50%; margin:0 0 0 -78px; z-index: 35;padding-top: 4px; height: auto;text-align: center;line-height:12px;overflow: hidden;}
.rsMinW .rsBullet { display: inline-block;*display:inline; *zoom:1; margin:0 3px; }
.rsMinW .rsBullet span {display: block; width:12px;height:12px;border-radius: 50%;background: #e5e5e5; margin:0 3px; cursor:pointer;}
.rsMinW .rsBullet.rsNavSelected span {background: #00aae5;}


@media screen and (min-width:0px) and (max-width:1000px) {
#full-width-slider { width:100%; color: #000; margin-top:67px; }
.royalSlider.heroSlider,  .royalSlider.heroSlider .rsOverflow {/* height: 300px !important; */}
.infoBlock h4{ display:none;}

}
@media screen and (min-width:0px) and (max-width:640px) {
	
.royalSlider.heroSlider,  .royalSlider.heroSlider .rsOverflow {/* height:200px !important; */}	
	}

@media screen and (min-width:0px) and (max-width:360px) {
	
.royalSlider.heroSlider,  .royalSlider.heroSlider .rsOverflow {/* height:180px !important; */}	
	}
@media screen and (min-width: 1025px)	{
  .seventh_liuyan{
    width: 650px;
    /* display: flex;
    flex-direction: column; */
    align-items: center;
    padding: 30px;
    background-color: #ffffff;margin: 0 auto;
  }	
	 .seventh_liuyan ul{
    width: 100%;
    /* margin-top: 50px; */
  }
  .seventh_liuyan ul li{
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .seventh_liuyan ul li span{
    width: 100px;
    display: block;
    font-size: 18px;
    font-weight: 400;float: left;
  }
  .seventh_liuyan ul li input{
    width: 460px;
    padding: 15px;
    border: 1px solid #b5b5b5;
    background-color: #ffffff;
    font-size: 14px;
    color: #222222;
    outline: none;
    width: 460px;
  }
  .seventh_liuyan ul li textarea{
    width: 460px;
    height: 120px;
    padding: 15px;
    border: 1px solid #b5b5b5;
    background-color: #ffffff;
    outline: none;
    font-size: 14px;
    color: #222222;
    resize: none;
  }
  .seventh_liuyan ul li:last-of-type{
    align-items: flex-start;
  }
  .submit{
    display: block;
    width: 240px;
    margin: 20px auto 0;
    padding: 15px 0;
    background-image: -moz-linear-gradient( 135deg, rgb(0,28,70) 0%, rgb(0,77,109) 52%, rgb(0,125,148) 100%);
   background-image: -webkit-linear-gradient( 135deg, rgb(255, 208, 23) 0%, rgb(247, 166, 11) 52%, rgb(254, 167, 3) 100%);
    background-image: -ms-linear-gradient( 135deg, rgb(0,28,70) 0%, rgb(0,77,109) 52%, rgb(0,125,148) 100%);
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s;
    letter-spacing: 5px;border: 0;
    border-radius: 10px;
  }
  
  }
  
  
  
  
  
  
  
  @media screen and (max-width: 750px){
   .seventh_liuyan{
   /* width: 6rem; */
    display: block;
    flex-direction: column;
    align-items: center;
    padding: 0.3rem;
    background-color: #ffffff;
  }.seventh_liuyan form{     width: 100%;}
  .seventh_liuyan_title{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .seventh_liuyan_title span{
    font-size: 0.26rem;
    font-weight: 400;
    color: #222222;
  }
  .seventh_liuyan_title img{
    width: 0.3rem;
    display: block;
  }
  .seventh_liuyan ul{
    /* width: 100%; */
    margin-top: 0.5rem;
  }
  .seventh_liuyan ul li{
    /* display: flex;
    align-items: flex-start;
    flex-direction: column; */
    justify-content: space-between;
    margin-bottom: 0.3rem;
  }
  .seventh_liuyan ul li span{
    /* width: 2.4rem; */
    display: block;
    font-size: 0.28rem;
    font-weight: 400;
    margin-bottom: 0.2rem;display: none;
  }
  .seventh_liuyan ul li input{
    padding: 0.55rem;
    border: 0.01rem solid #b5b5b5;
    background-color: #ffffff;
    font-size: 0.24rem;
    color: #222222;
    outline: none;
    width: 100%;
    margin: 0 0 1rem 0;
  }
  .seventh_liuyan ul li textarea{
        width: 95%;
    height: 4.2rem;
    padding: 0.55rem;
    border: 0.01rem solid #b5b5b5;
    background-color: #ffffff;
    outline: none;
    font-size: 0.24rem;
    color: #222222;
    /* resize: none; */
  }
  .seventh_liuyan ul li:last-of-type{
    align-items: flex-start;
  }
  .submit{
    display: block;
    width: 100%;
    margin: 0.2rem auto 0;
    padding: 0.7rem 0;
    background-image: -moz-linear-gradient( 135deg, rgb(0,28,70) 0%, rgb(0,77,109) 52%, rgb(0,125,148) 100%);
    background-image: -webkit-linear-gradient( 135deg, rgb(255, 208, 23) 0%, rgb(247, 166, 11) 52%, rgb(254, 167, 3) 100%);
    background-image: -ms-linear-gradient( 135deg, rgb(0,28,70) 0%, rgb(0,77,109) 52%, rgb(0,125,148) 100%);
    text-align: center;
    font-size: 0.28rem;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s;
    letter-spacing: 0.05rem;border: 0;
    border-radius: 10px;
  }
}







 
  @media screen and (max-width: 770px){
   .seventh_liuyan{
   /* width: 6rem; */
    display: block;
    flex-direction: column;
    align-items: center;
    padding: 0.3rem;
    background-color: #ffffff;
  }.seventh_liuyan form{     width: 100%;}
  .seventh_liuyan_title{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .seventh_liuyan_title span{
    font-size: 0.26rem;
    font-weight: 400;
    color: #222222;
  }
  .seventh_liuyan_title img{
    width: 0.3rem;
    display: block;
  }
  .seventh_liuyan ul{
    /* width: 100%; */
    margin-top: 0.5rem;
  }
  .seventh_liuyan ul li{
    /* display: flex;
    align-items: flex-start;
    flex-direction: column; */
    justify-content: space-between;
    margin-bottom: 0.3rem;
  }
  .seventh_liuyan ul li span{
    /* width: 2.4rem; */
    display: block;
    font-size: 0.28rem;
    font-weight: 400;
    margin-bottom: 0.2rem;display: none;
  }
  .seventh_liuyan ul li input{
    padding: 0.55rem;
    border: 0.01rem solid #b5b5b5;
    background-color: #ffffff;
    font-size: 0.24rem;
    color: #222222;
    outline: none;
    width: 100%;
    margin: 0 0 1rem 0;
  }
  .seventh_liuyan ul li textarea{
        width: 95%;
    height: 4.2rem;
    padding: 0.55rem;
    border: 0.01rem solid #b5b5b5;
    background-color: #ffffff;
    outline: none;
    font-size: 0.24rem;
    color: #222222;
    /* resize: none; */
  }
  .seventh_liuyan ul li:last-of-type{
    align-items: flex-start;
  }
  .submit{
    display: block;
    width: 100%;
    margin: 0.2rem auto 0;
    padding: 0.7rem 0;
    background-image: -moz-linear-gradient( 135deg, rgb(0,28,70) 0%, rgb(0,77,109) 52%, rgb(0,125,148) 100%);
    background-image: -webkit-linear-gradient( 135deg, rgb(255, 208, 23) 0%, rgb(247, 166, 11) 52%, rgb(254, 167, 3) 100%);
    background-image: -ms-linear-gradient( 135deg, rgb(0,28,70) 0%, rgb(0,77,109) 52%, rgb(0,125,148) 100%);
    text-align: center;
    font-size: 0.28rem;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s;
    letter-spacing: 0.05rem;border: 0;
    border-radius: 10px;
  }
}